
import React from 'react'
// export default function ChildCom({count}:{count:number}) { 
//     console.log('子组件渲染')
//     return (
//         <div>
//             <h1>子组件ChildComponent</h1>
//             <h2>接收到父组件的状态： {count}</h2>
//         </div>
//     )
// }

// export default React.memo(function ChildCom() { 
//     console.log('子组件渲染')
//     return (
//         <div>
//             <h1>子组件ChildComponent</h1>
            
//         </div>
//     )
// })

// React.memo 用来缓存组件的渲染结果，只有当props发生变化的时候 才会重新渲染
export default React.memo(function ChildCom({obj:{name,age},handleClick}:{obj:{name:string,age:number},handleClick:()=>void}) { 
    console.log('子组件渲染')
    return (
        <div>
            <h1>子组件ChildComponent</h1>
            <h2>姓名：{name}</h2>
            <h2>年龄：{age}</h2> 
        </div>
    )
})